import Vue from 'vue'
// 优化
import { 
    Button,
    Form ,
    FormItem,
    Input, 
    Message,
    Header,
    Container,
    Aside,
    Main,
    Menu,
    MenuItem,
    MenuItemGroup,
    Submenu,
    Breadcrumb,
    BreadcrumbItem,
    Card,
    Row,
    Col,
    Table,
    TableColumn,
    Switch,
    Tooltip,
    Pagination,
    Dialog,
    MessageBox,Tag,Tree,Select,Option,Cascader,Alert,Tabs,TabPane,Step,Steps,Checkbox,CheckboxGroup,Upload,Timeline,TimelineItem} from 'element-ui'
// import { Form} from 'element-ui'
// import { FormItem} from 'element-ui'
// import { Input } from 'element-ui'
// // 引入消息提示组件
// import { Message } from 'element-ui'

Vue.use(Button)
Vue.use( Form )
Vue.use(FormItem)
Vue.use( Input)
Vue.use( Header)
Vue.use( Container)
Vue.use( Aside)
Vue.use( Main)
Vue.use( Menu)
Vue.use( MenuItem)
Vue.use( MenuItemGroup)
Vue.use( Submenu)
Vue.use( Breadcrumb)
Vue.use( BreadcrumbItem)
Vue.use( Card)
Vue.use( Row)
Vue.use( Col)
Vue.use( Table)
Vue.use( TableColumn)
Vue.use( Switch)
Vue.use( Tooltip)
Vue.use( Pagination)
Vue.use( Dialog)
Vue.use( Tag)
Vue.use( Tree)
Vue.use( Select)
Vue.use( Option)
Vue.use( Cascader)
Vue.use( Alert)
Vue.use( Tabs)
Vue.use( TabPane)
Vue.use( Step)
Vue.use( Steps)
Vue.use( CheckboxGroup)
Vue.use( Checkbox)
Vue.use( Upload)
Vue.use( Timeline)
Vue.use( TimelineItem)
// 与其他不同的是，消息需要全局挂载到vue身上，在每个组件中使用this.$message就能访问到
// $message属性名属于我们自定义
Vue.prototype.$message=Message
Vue.prototype.$confirm=MessageBox.confirm
